<!DOCTYPE html>
<html lang="zh">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBS</title>
<link rel="stylesheet" href="materialize/css/materialize.min.css">
<link href="iconfont/material-icons.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<script src="js/jquery-2.2.2.min.js"></script>
<script src="js/login.js"></script>
<script src="materialize/js/materialize.min.js"></script>
<script type="text/javascript">
	$(function() {
		$('.modal').modal();
		$("#forget").click(function() {
			$(".modal").modal('open');
		})
	})
</script>
</head>

<body>
	<nav class="green lighten-2 nav-extended">
		<div class="nav-wrapper">
			<div class="container">
				<a href="#" class="brand-logo">BBS</a>
				<ul id="nav-mobile" class="right hide-on-med-and-down">
					<li><a href="index">帖子</a></li>
					<li><a href="rank">排行榜</a></li>
					<li><a href="user">我</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="container">
		<div class="row">
			<div class=" col l4  m6  s12">
				<form action="sign" method="post" class="section" id="login-form">
					<div class="input-field">
						<input type="text" id="uid" name="uid" required> <label
							for="uid">用户名</label>
					</div>
					<div class="input-field">
						<input type="password" id="password" name="password" required>
						<label for="password">密码</label>
					</div>
					<button class="btn waves-effect green lighten-2" type="submit"
						name="sign">登录</button>
					<br>
				</form>
				<a href="#" id="forget" class="left green-text smaller-font ">忘记密码？</a>
				<a href="register" class="right green-text  smaller-font">注册</a>

				<div id="forget-dialog" class="modal green-text">
					<div class="modal-content">
						<h5>忘记密码？</h5>
						<p>
							啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈，让我笑会儿。 <br>你忘了我也没办法。
						</p>
					</div>
					<div class="modal-footer">
						<a href="#!"
							class=" modal-action modal-close waves-effect waves-green btn-flat green-text">
							我是白痴 </a>
					</div>
				</div>

			</div> 
		</div>
	</div>
</body>